body {margin:0;padding:0;font-family:tahoma;font-size:12px;background: url("../images/background.png") repeat-x scroll center top #2C4762;}

ul,li {padding:0;}

a{text-decoration:none;}

.readMoreLink {
   background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    padding-left: 3px;
    padding-right: 3px;	
}

.linkButton {
	padding: 5px 20px;
	border: 1px solid #ccc;
	font-weight: bold;
}

.leftNav ul{list-style:none;}

h2{text-align:center;font-weight:normal;}

.clear {clear: both;height: 0; display: block}
#wrapper{margin:0;padding:0;}

.active{color:#000 !important;font-weight:bold;}

.container{margin:0;padding:0;}

.content{margin:0 auto;padding:0;}

.header, .navWrapper{margin:0 auto;width:980px;}

.header{height: 27px; clear: both;overflow: hidden}

.leftNav{float:left;width:160px;padding:4px 7px;border:1px solid #ccc;margin-right:10px;background:#fff url('../images/bottom_linksbg.jpg') repeat-x top left;}

.leftNav li{margin:0.75em 0;border-bottom:1px solid #fff}

.leftNav li a{color:#006596;display:block;border-bottom:1px solid #d5d5d5;padding:4px 7px;}

.rightNav{position:relative;float:left;width:760px;border:1px solid #ccc;padding:10px;background:#fff url('../images/bottom_linksbg.jpg') repeat-x top left;}

.reimbursement{width:760px;}

.timesheet{width:760px;}

.leaveapp{width:760px;}

.section{margin-bottom:20px;padding:0;float:left;width: 740px;}

.subheading {font-size:14px;color:#006596; font-weight: bold; display: block; margin-bottom:10px;}


.rowElem label{width:150px;}

.clear{clear:both;}

.showDiv{display:block;}

.hideDiv{display:none;}

.loading {height: 165px; background: transparent url('../images/ajax-loader.gif') center center no-repeat;}
.fl,.fr{overflow: hidden}
.fl {display: block;text-align: left;float: left;width:72%;margin: 0;padding: 0}
.fr {display: block;text-align: right;float: right;width:24%;margin: 0;padding: 0 0.2em 0 0}


#tabContaier{
    background:#f0f0f0;
    border:1px solid #fff;
    padding:10px;
    position:relative;
    width:733px;
}
#tabContaier ul{
    overflow:hidden;
    border-right:1px solid #fff;
    height:35px;
    position:absolute;
    z-index:100;
}
#tabContaier li{
    float:left;
    list-style:none;
}
#tabContaier li a{
    background:#ddd;
    border:1px solid #fcfcfc;
    border-right:0;
    color:#666;
    cursor:pointer;
    display:block;
    height:35px;
    line-height:35px;
    padding:0 30px;
    text-decoration:none;
    text-transform:uppercase;
}
#tabContaier li a:hover{
    background:#eee;
}
#tabContaier li a.active{
    background:#fbfbfb;
    border:1px solid #fff;
    border-right:0;
    color:#333;
}
.tabDetails{
    background:#fbfbfb;
    border:1px solid #fff;
    margin:34px 0 0;
}
.tabContents{
    padding:20px
}
.tabContents h1{
    font:normal 24px/1.1em Georgia, "Times New Roman", Times, serif;
    padding:0 0 10px;
}
.tabContents p{
    padding:0 0 10px;
}

.loginPage .leftNav {width: 650px; border: none; position: relative; margin: 0 auto;}

.login table tr {
	border: 1px solid #ccc;	
}

.login h2 {
	padding-left: 25px;
	text-align: left;
	font-size: 20px;
}
.login {
 	/* background: url("../images/bottom_linksbg.jpg") repeat-x scroll left top #FFFFFF; 
    border: 1px solid #CCCCCC; */
    height: 350px;
    margin: 0 auto;
    padding: 4px 7px;
    width: 850px;	
}
.login .leftDiv {
	/* border: 1px solid #CCCCCC; */
	border-right: none;
    float: left;
    height: 280px;
    width: 550px;
    background: url("../images/bottom_linksbg.jpg") repeat-x scroll left top #FFFFFF;
}
.login .rightDiv {
	/* border: 1px solid #CCCCCC;
	background: none repeat scroll 0 0 #F1F5F1;*/
	background: url("../images/bottom_linksbg.jpg") repeat-x scroll left top #FFFFFF;
    float: right;
    height: 280px;
    width: 290px;
}

.loginForm {
	padding: 45px 0 0 65px;	
}
.loginPage #heading {text-align: left}
.loginPage .rightNav {width: 540px;background: #fff;border: none}
.loginForm .rightNav .main_image{margin-left:2em}
.loginForm .jqtransformdone .rowElem{padding-bottom: 6px;}
.loginPage .rowElem label{width:100px;}
.loginForm .btnRow { padding-top: 12px;}
.loginForm label{width:100px; padding-top: 7px;}
.loginFormBtn{
    clear: both;
    float: left;
    margin-top: 10px;
}
.page_header {
    font-size: 2em;
    font-weight: bold;
}
.login_details{
   font-size: 15px;
   text-align: right;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.icon-wrp{
    float: left;
    padding: 4px;
    margin: 0.25em 0 0 0.25em;
}

.fc .fc-header h2 {
    font-size: 1.15em;
    font-weight: bold;
}

.fc-grid .fc-day-number {
	font-size: 10px;	
}
#calendar .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #363636; }
  
.formDiv FORM.jqtransformdone .rowElem {clear: both;float: left;display: block;width: 695px;}
.formDiv .rowElem label{line-height: 1.7em}
.formDiv .rowElem .next-control{margin-left: 0.9em}
.formDiv .rowElem.btnRow{padding-left: 155px;white-space: nowrap}
.formDiv .rowElem .forradio{width: 60px; margin-top: 5px;}

.timesheet.formDiv .rowElem .next-control{width: 20px}

#notifier{position: absolute; width: 400px; top: 0px; display: none; left:100px;}
#notifier {width: 330px; left: 2px}
#notifier .msg-wrap {margin: 0; padding: 0 .2em;}
#notifier .msg-wrap p{margin: 0.2em 0}

#notifier .msg-icon{float: left; margin-right: .3em;}
#notifier .ui-state-highlight.msg-wrap {border: 1px solid #003399 }
#notifier .msg-close-btn{position: absolute; top: -10px; right: -10px;width: 24px;height: 24px;background: transparent url(../images/close.png) top right no-repeat; display: block;border: none}

.rowElem .ui-jqgrid {
	margin: 0 auto;
}

table tr th {
	border-bottom: 1px solid #888888;
    border-top: 1px solid #888888;
    color: #444444;
    padding: 8px 0;
    /* text-align: left; */
}

.myTable table tr td {
	border-bottom: 1px solid #AABBCC;
    padding: 4px 0;
    /*text-align: center;*/
}

#tbody label {
    cursor: pointer;
    float: left;
    padding-left: 2px;
    padding-top: 6px;	
}

/* Error Page */
.error {
	background: url("../images/bottom_linksbg.jpg") repeat-x scroll left top #FFFFFF; 
    height: 350px;
    margin: 25px auto 0;
    padding: 4px 7px;
    width: 850px;	
}
.errorText {
	display: block;
    font-size: 14px;
    text-align: center;
}

.sectionHeader {
	background: #006596;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 6px;
    cursor: pointer;
}

.sectionHeaderClose {
	float: right; 
	padding-right: 10px;	
}
.sectionBox {	
	border-bottom: 1px solid #abc;
    border-left: 1px solid #abc;
    border-right: 1px solid #abc;
    padding: 15px;
}

.bullets {
	margin-left: 15px;	
}
.simpletblBrdr {
	border: 1px solid #ccc; 
	margin-top: 10px;
}